<template>
  <view style="text-align: center" :style="colorStyle">
    <image
      src="http://xpj40szpt.signalpha.cn/img/img2.png"
      v-if="!value"
      class="nodata"
      mode="widthFix"
    ></image>
    <image
      src="@/static/img57.png"
      v-if="value == 'car'"
      class="nodata"
      mode="widthFix"
    ></image>
    <view class="btn1 cfff" v-if="value == 'car'" @click="goSwitchTab">
      去逛逛
    </view>
  </view>
</template>

<script>
import colors from "@/mixins/color";
export default {
  mixins: [colors],
  name: "nodata",
  props: {
    value: {
      default: "",
    },
  },
  data() {
    return {};
  },
  methods: {
    goSwitchTab() {
      uni.switchTab({
        url: "/pages/cate/cate",
      });
    },
  },
};
</script>

<style scoped>
.nodata {
  width: 386rpx;
  margin: 100rpx auto 0;
}

.btn1 {
  background: var(--view-theme);
  border-radius: 63rpx;
  padding: 20rpx 54rpx;
  width: 400rpx;
  margin: 70rpx auto 0;
}
</style>
